<!-- 监测问题统计 -->
<div class="zdrwgzqd">
  <div nz-row class="mt10">
    <!-- <div nz-col nzSpan="2"></div> -->
    <div nz-col nzSpan="24">
      年度：
      <nz-year-picker [(ngModel)]="queryParam._year" nzAllowClear="true" style="width: 150px;"></nz-year-picker>
      项目：
      <nz-select [(ngModel)]="queryParam.projectId" nzAllowClear style="width: 150px;">
        <nz-option *ngFor="let item of gzxmList" [nzLabel]="item.vcDictName" [nzValue]="item.vcDictCode">
        </nz-option>
      </nz-select>
      项点：
      <input nz-input [(ngModel)]="queryParam.entryPoint" style="width: 150px;">
      <ng-container *ngIf="mode==='duanquery' || mode==='chejianquery'">
        牵头部门：
        <nz-tree-select style="width: 100%" [nzDropdownMatchSelectWidth]="false" style="width: 150px;"
          [nzDropdownStyle]="{ 'max-height': '300px' }" [(ngModel)]="queryParam.leadPartId" [nzNodes]="qtbmNodes">
        </nz-tree-select>
      </ng-container>
      配合部门：
      <nz-tree-select style="width: 100%" [nzDropdownMatchSelectWidth]="false" style="width: 150px;"
        [nzDropdownStyle]="{ 'max-height': '300px' }" [(ngModel)]="queryParam.assistPartId" [nzNodes]="phbmNodes">
      </nz-tree-select>
      是否完成：
      <nz-select [(ngModel)]="queryParam.status" nzAllowClear style="width: 150px;">
        <nz-option nzLabel="完成" nzValue="1"></nz-option>
        <nz-option nzLabel="未完成" nzValue="0"></nz-option>
      </nz-select>

      <button style="margin-left:10px;" nz-button nzType="primary" (click)="query(true)">查询</button>
      <button style="margin-left:10px;" nz-button nzType="primary" (click)="dataExport()">导出</button>
      <!-- <button style="margin-left:10px;" nz-button nzType="primary" (click)="ngOnInit()">草</button> -->
      <button style="margin-left:10px;" nz-button (click)="reset()">重置</button>
    </div>
  </div>
  <div nz-row class="mt10">
    <div nz-col nzSpan="24">
      <ng-container *ngIf="mode==='edit'">
        <button class="margin-left10" nz-button nzType="default" (click)="showEditor('add')"><i nz-icon
            nzType="plus-circle" nzTheme="outline"></i>新增</button>
        <button class="margin-left10" nz-button nzType="default" (click)="showEditor('edit')"><i nz-icon nzType="edit"
            nzTheme="outline"></i>修改</button>
        <button class="margin-left10" nz-button nzType="default" (click)="deleteAll()"><i nz-icon nzType="delete"
            nzTheme="outline"></i>删除</button>
        <button class="margin-left10" nz-button nzType="default" (click)="finish()"><i nz-icon nzType="check-circle"
            nzTheme="outline"></i>完成任务</button>
      </ng-container>

      <!-- <button class="margin-left10" nz-button nzType="default" (click)="showJindu()"><i nz-icon nzType="clock-circle"
          nzTheme="outline"></i>填写进度</button> -->
      <button class="margin-left10" nz-button nzType="default" (click)="showWcqk()"><i nz-icon nzType="clock-circle"
          nzTheme="outline"></i>完成情况</button>

    </div>

  </div>
  <div nz-row class="mt10 bgwhite">
    <!-- <div nz-col nzSpan="2"></div> -->
    <div nz-col nzSpan="24">
      <nz-table #nzTable_bjwttj [nzData]="tableData" [nzLoadingDelay]="1000" nzBordered [nzShowPagination]="false"
        [nzFrontPagination]="false" [nzNoResult]="''" nzSize="small" [nzLoading]="loading" [nzScroll]="lockHeadScroll">
        <thead>
          <tr>
            <th nzShowCheckbox (nzCheckedChange)="checkAll($event)" nzWidth="50px">
            </th>
            <th nzAlign="center" nzWidth="50px">序号</th>
            <th nzAlign="center" nzWidth="5%">工作项目</th>
            <th nzAlign="center" nzWidth="5%">项点</th>
            <th nzAlign="center" nzWidth="15%">重点工作任务及推进落实要求</th>
            <th nzAlign="center" nzWidth="5%">牵头部门</th>
            <th nzAlign="center" nzWidth="5%">配合部门</th>
            <th nzAlign="center" nzWidth="5%">完成时限</th>
            <th nzAlign="center" nzWidth="15%">上周完成情况</th>
            <th nzAlign="center">累计完成情况</th>
            <th nzAlign="center" nzWidth="10%">本周计划安排</th>
            <th nzAlign="center" nzWidth="5%">存在困难</th>
            <th nzAlign="center" nzWidth="5%">附件下载</th>
            <th nzAlign="center" nzWidth="5%">督办人</th>
            <th nzAlign="center" nzWidth="5%">负责人</th>
            <th nzAlign="center" nzWidth="5%">是否完成</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of tableData;index as i" (click)="trClick(data)" (dblclick)="trDbclick(data)" nz-tooltip
            [nzTooltipTitle]="mode==='edit'?'双击填写进度':null" nzTooltipPlacement="bottom"
            [style.cursor]="mode==='edit'?'pointer':'default'" [nzTooltipTrigger]="mode==='edit'?null:null"
            [class.bg-green]="data.status==='1'" [class.tr-checked]="data.checked?'tr-checked':''">
            <td nzShowCheckbox [(nzChecked)]="data.checked"></td>
            <!-- 序号 -->
            <td nzAlign="center">{{+i + 1}}</td>
            <!-- 工作项目 -->
            <td nzAlign="center" *ngIf="data._rowspanXM" [attr.rowSpan]="data._rowspanXM">{{data.project}}</td>
            <!-- 项点 -->
            <td nzAlign="center" *ngIf="data._rowspanXD" [attr.rowSpan]="data._rowspanXD">{{data.entryPoint}}</td>
            <!-- 重点工作任务及推进落实要求 -->
            <td nzAlign="center">
              <div class="ljqkDiv">
                {{data.taskRequirements}}
              </div>
            </td>
            <!-- 牵头部门 -->
            <td nzAlign="center">{{data.leadPart}}</td>
            <!-- 配合部门 -->
            <td nzAlign="center">{{data.assistPart}}</td>
            <!-- 完成时限 -->
            <td nzAlign="center">{{data.limitDate}}</td>
            <!-- 上周完成情况 -->
            <td nzAlign="center">
              <div class="ljqkDiv">
                {{data.lastWeek}}
              </div>
            </td>
            <!-- 累计完成情况 -->
            <td nzAlign="center">
              <div class="ljqkDiv">
                {{data.totalComplete}}
              </div>
            </td>
            <!-- 本周计划安排 -->
            <td nzAlign="center">
              <div class="ljqkDiv">{{data.thisWeek}}</div>
            </td>
            <!-- 存在困难 -->
            <td nzAlign="center">
              <div class="ljqkDiv">{{data.difficulty}}</div>
            </td>
            <!-- 附件下载 -->
            <td nzAlign="center">
              <div class="ljqkDiv">
                <a href="javascript:void(0)" (click)="downloadFile(data)">{{data.fileName}}</a>
              </div>
            </td>
            <!-- 督办人 -->
            <td nzAlign="center">{{data.headLeader}}</td>
            <!-- 负责人 -->
            <td nzAlign="center">{{data.segCharger}}</td>
            <!-- 是否完成 -->
            <td nzAlign="center">{{statusList[data.status]}}</td>
          </tr>

        </tbody>
      </nz-table>
      <div style="display: flex;justify-content: space-between;">
        <div class="pageWrap">
          每页
          <nz-select [(ngModel)]="pageSize" (ngModelChange)="query()">
            <nz-option nzValue="20" nzLabel="20"></nz-option>
            <nz-option nzValue="50" nzLabel="50"></nz-option>
            <nz-option nzValue="100" nzLabel="100"></nz-option>
            <nz-option nzValue="200" nzLabel="200"></nz-option>
          </nz-select> 条&nbsp;&nbsp;&nbsp;总共<span class="pageTotal">{{pageTotal}}</span>条
        </div>
        <div class="pageInation">
          <nz-pagination [nzPageSize]="pageSize" [(nzPageIndex)]="pageIndex" [nzTotal]="pageTotal"
            (nzPageIndexChange)="query()"></nz-pagination>
        </div>
      </div>
    </div>
  </div>
</div>



<!-- <nz-modal [(nzVisible)]="editor.visible" [nzTitle]="editorTitle" (nzOnCancel)="editor.cancel()" [nzFooter]="null"
  [nzBodyStyle]="{width: editor.width}" [nzWidth]="editor.width" nzClosable="false"
  class="self-defined-modal">
  <app-zdrwgzqd-editor [params]="editor.params" (optSuccess)="query($event)" (optCancel)="editor.cancel()">
  </app-zdrwgzqd-editor>
</nz-modal> -->
<nz-modal [(nzVisible)]="editor.visible" [nzTitle]="editor.title" (nzOnCancel)="editor.cancel()" [nzFooter]="null"
  [nzBodyStyle]="{width: editor.width}" [nzWidth]="editor.width">
  <app-zdrwgzqd-editor [params]="editor.params" (optSuccess)="query($event)" (optCancel)="editor.cancel()">
  </app-zdrwgzqd-editor>
</nz-modal>
<nz-modal [(nzVisible)]="jindu.visible" [nzTitle]="jinduTitle" (nzOnCancel)="jindu.cancel()" [nzFooter]="null"
  [nzBodyStyle]="{width: jindu.width}" [nzWidth]="jindu.width" class="self-defined-modal" nzClosable="false">
  <app-zdrwgzqd-jindu [params]="jindu.params" (optSuccess)="query($event)" (optCancel)="jindu.cancel()"
    [sizeMode]="jindu.sizeStatus">
  </app-zdrwgzqd-jindu>
</nz-modal>
<nz-modal [(nzVisible)]="wcqk.visible" [nzTitle]="wcqkTitle" (nzOnCancel)="wcqk.cancel()" [nzFooter]="null"
  [nzBodyStyle]="{width: wcqk.width}" [nzWidth]="wcqk.width" class="self-defined-modal" nzClosable="false">
  <app-zdrwgzqd-wcqk [params]="wcqk.params" (optSuccess)="query($event)" (optCancel)="wcqk.cancel()"
    [sizeMode]="wcqk.sizeStatus">
  </app-zdrwgzqd-wcqk>
</nz-modal>


<ng-template #jinduTitle>
  <div class="modal-head-div">
    {{jindu.title}}
    <div class="flex">
      <button *ngIf="jindu.sizeStatus==='normal'" nz-button nzType="default" class="max-normal"
        (click)="jindu.btnClick('max')">
        <i nz-icon nzType="arrows-alt"></i></button>
      <button *ngIf="jindu.sizeStatus==='max'" nz-button nzType="default" class="max-normal"
        (click)="jindu.btnClick('normal')">
        <i nz-icon nzType="shrink" nzTheme="outline"></i></button>
      <button nz-button nzType="default" (click)="jindu.cancel()">
        <i nz-icon nzType="close" nzTheme="outline"></i></button>
    </div>
  </div>
</ng-template>

<ng-template #wcqkTitle>
  <div class="modal-head-div">
    {{wcqk.title}}
    <div class="flex">
      <button *ngIf="wcqk.sizeStatus==='normal'" nz-button nzType="default" class="max-normal"
        (click)="wcqk.btnClick('max')">
        <i nz-icon nzType="arrows-alt"></i></button>
      <button *ngIf="wcqk.sizeStatus==='max'" nz-button nzType="default" class="max-normal"
        (click)="wcqk.btnClick('normal')">
        <i nz-icon nzType="shrink" nzTheme="outline"></i></button>
      <button nz-button nzType="default" (click)="wcqk.cancel()">
        <i nz-icon nzType="close" nzTheme="outline"></i></button>
    </div>
  </div>
</ng-template>